import React, {memo} from 'react';

const FunMemoThree = () => {
    console.log("render 333 ==> FunMemoThree")
    return (
        <div>
            <h3> ====== FunMemoThree ====</h3>
        </div>
    );
};
//  memo接收两个参数：
//      1-函数组件
//      2-是一个回调函数（可省略）：如果省略，相当于类组件中的纯组件PureComponent
//          如果不省略该回调函数那么相当于类组件中shouldComponentUpdate();
export default memo(FunMemoThree, (prevProps, nextProps) => {
    // momo第二个形参（回调函数）->true->中止，false->继续向下执行
    // 可以以prevProps和nextProps作为参数，判断是否需要更新组件
    console.log("改变数据", prevProps, nextProps)
    return true;
});
